<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1">
		<title>审批事项</title>
		<link rel="stylesheet" type="text/css" href="../static/azxcrm/css/wap/aui.css" th:href="@{/azxcrm/css/wap/aui.css}"/>
		<link rel="stylesheet" type="text/css" href="../static/azxcrm/css/wap/index.css" th:href="@{/azxcrm/css/wap/index.css}"/>
		<link rel="stylesheet" type="text/css" href="../static/azxcrm/css/wap/examine.css" th:href="@{/azxcrm/css/wap/examine.css}" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_835360_5n3z54a5m1.css"/>
	</head>
	<body>
		<header class="aui-bar aui-bar-nav">
			 <a href="javascript:history.back(-1)"  class="aui-pull-left aui-btn">
	       		 <span class="iconfont icon-fanhui1">返回</span>
	    	</a>
		    <div class="aui-title">审批事项</div>
		</header>
		<!-- <div class="aui-tab aui-border-b" id="tab">
            <div class="aui-tab-item aui-active">待审批</div>
            <div class="aui-tab-item">已审批</div>
        </div> -->
            <div class="aui-padded-5 " id="tab1-con">
            	<!--未审批-->
                <div id="tab1-con1">
                	<div class="aui-card-list" id="s-status" th:each="exam : ${examine}" th:if="${exam.auditStatus}==1 and ${examine}!=1">
				        <div class="aui-card-list-header">
				            <div class="aui-name"><img src="../azxcrm/image/wap/lan.png" alt="image"/><span class="aui-text-danger">发起人:</span><span th:text="${exam.salesUserName}"></span></div>
				            <span class="aui-state pos-rel" id="s-text">审批状态：待审批</span>
				        </div>
				        <div class="aui-card-list-content">
				            <a th:href="@{/wap/approve(orderId=${exam.orderId},taskId=${exam.taskId})}">
				            <ul class="aui-list aui-media-list">
				                <li class="aui-list-item aui-list-item-middle">
				                    <div class="aui-media-list-item-inner">				                      
				                        <div class="aui-list-item-inner">
				                            <div class="aui-list-item-text">
				                                <div class="aui-list-item-title aui-font-size-14"><i class="radius"></i>审批类型：退单</div>				                              
				                            </div>				                           
				                             <div class="aui-list-item-text">
				                             	<span>
				                             		<img src="../azxcrm/image/wap/time.png" alt="image"/>
				                              		 发起时间:<span th:text="${exam.updateTime}"></span>
				                             	</span>
				                            </div>
				                        </div>
				                    </div>
				                </li>
				             </ul>
				             </a>  
				         </div>    
               		 </div>
                </div>
                <!--已审批-->
                <!-- <div class="aui-hide" id="tab1-con2">
                	<div class="aui-card-list" id="s-status2" th:each="exam : ${examine}" th:if="${exam.auditStatus}>1 and ${examine}!=1">
				        <div class="aui-card-list-header">
				            <div class="aui-name"><img src="../azxcrm/image/wap/hong.png" alt="image"/><span class="aui-text-danger">发起人:</span><span th:text="${exam.salesUserName}"></span></div>
				            <span class="aui-state pos-rel">审批状态：已审批</span>
				        </div>
				        <div class="aui-card-list-content">
				            <ul class="aui-list aui-media-list">
				                <li class="aui-list-item aui-list-item-middle">
				                    <div class="aui-media-list-item-inner">				                      
				                        <div class="aui-list-item-inner">
				                            <div class="aui-list-item-text">
				                                <div class="aui-list-item-title aui-font-size-14"><i class="radius"></i>审批类型：退单</div>		
				                            </div>				                           
				                             <div class="aui-list-item-text">
				                             	<span>
				                             		<img src="../azxcrm/image/wap/time.png" alt="image"/>
				                              		 审批时间:<span th:text="${exam.updateTime}"></span>
				                             	</span>
				                            </div>
				                        </div>
				                    </div>
				                </li>
				             </ul>  
				         </div>    
                	</div>
                </div> -->
            </div>
	</body>
</html>
<script type="text/javascript" src="../static/azxcrm/js/wap/api.js" th:src="@{/azxcrm/js/wap/api.js}"></script>
<script type="text/javascript" src="../static/azxcrm/js/wap/aui-tab.js" th:src="@{/azxcrm/js/wap/aui-tab.js}"></script>
<script type="text/javascript">
        apiready = function(){api.parseTapmode();}
        var tab = new auiTab({
            element: document.getElementById("tab"),

        }, function(ret) {
            if (ret) {
                //定义获取对象的所有兄弟节点的函数，
                function siblings(elm) {
                    var a = [];
                    var p = elm.parentNode.children;
                    for (var i = 0, pl = p.length; i < pl; i++) {
                        if (p[i] !== elm) a.push(p[i]);
                    }
                    return a;
                }
                var index = ret.index;
                var activeC = document.getElementById("tab1-con" + index);
                activeC.className = "";
                for (var i = 0; i < siblings(activeC).length; i++) {
                    siblings(activeC)[i].className = "aui-hide";
                }
            }
        });
    </script>